<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="admin/_fragments :: head(~{::title})">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加分类</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
    <link rel="stylesheet" href="../../static/lib/editormd/css/editormd.min.css" th:href="@{/lib/editormd/css/editormd.min.css}">
    <link rel="stylesheet" href="../static/css/me.css" th:href="@{/css/me.css}">
</head>
<body>
  <!--导航-->
  <nav th:replace="admin/_fragments :: menu(1)" ></nav>

  <div class="m-padded-tb-hugex">
      <div class="ui attached pointing menu">
          <div class="ui container">
              <div class="right menu">
                  <a href="#" th:href="@{/admin/types/input}" class="teal active item">新增</a>
                  <a href="#" th:href="@{/admin/types}" class="item">列表</a>
              </div>
          </div>
      </div>
  </div>

  <!--中间内容-->
  <div  class="m-container-small m-padded-tb-massive">
      <div class="ui container">
          <form action="#" method="post" th:action="*{id}==null ? @{/admin/types} : @{/admin/types/{id}(id=*{id})} " class="ui form">
              <input type="hidden" name="id" th:value="${type.getId()}">
              <div class=" field">
                  <div class="ui left labeled input">
                      <label class="ui teal basic label">名称</label>
                      <input type="text" name="name" placeholder="分类名称" th:value="${type.getName()}">
                  </div>
              </div>
              <div class="ui error message"></div>
              <div class="ui mini negative message" th:unless="${#strings.isEmpty(message)}" th:text="|提示： ${message}">提示：不能添加重复的分类</div>
              <div class="ui right aligned container">
                  <button type="button" class="ui button" onclick="window.history.go(-1)" >返回</button>
                  <button class="ui teal submit button">提交</button>
              </div>
          </form>
      </div>
  </div>

  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>

  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <br>
  <!--底部footer-->
  <footer th:replace="_fragments :: footer"></footer>
  <th:block th:replace="_fragments :: script"></th:block>
  <script>

    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-hide')
    });
    $('.ui.dropdown').dropdown({
        on:'hover'
    });
    $('.ui.form').form({
        fields : {
            title : {
                identifier: 'name',
                rules: [{
                    type : 'empty',
                    prompt: '请输入分类名称'
                }]
            }
        }
    });

  </script>
</body>
</html>
